.amaran.default{
    width:300px;
    min-height: 65px;
    background: #f3f3f3;
    color:#222;
    margin:15px;
    padding-left:70px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
    font-family:'Open Sans',Helvetica,Arial;
    font-size:16px;
    font-weight:600;
    box-shadow:1px 1px 1px #000;
}
.amaran.default .icon{
    width:50px;
    height:50px;
    position: absolute;
    top:50%;
    left:10px;
    background: #000;
    margin-top:-25px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size:22px;
}

.amaran.default p {
    padding:0;margin:0;
}
.amaran.default p.bold {}
.amaran.default p span{
    font-weight: 300;

}
.amaran.default p span.light {
    font-size:13px;
    display: block;
    color:#777;
}
.amaran.default.error{}
.amaran.default.warning{}

/* OK*/
.amaran.default.ok p.bold{
    color:#178B13;
}
.amaran.default.ok .icon {
    background-color:#178B13;
    color:#fff;
}
/* ERROR */
.amaran.default.error p.bold{
    color:#D82222;
}
.amaran.default.error .icon {
    background-color:#D82222;
    color:#fff;
}
/* WARNING */
.amaran.default.warning p.bold{
    color:#9F6000;
}
.amaran.default.warning .icon {
    background-color:#9F6000;
    color:#fff;
}
/* YELLOW */
.amaran.default.yellow p.bold{
    color:#CFA846;
}
.amaran.default.yellow .icon {
    background-color:#CFA846;
    color:#fff;
}
/* BLUE */
.amaran.default.blue p.bold{
    color:#2980b9;
}
.amaran.default.blue .icon {
    background-color:#2980b9;
    color:#fff;
}
/* GREEN */
.amaran.default.green p.bold{
    color:#27ae60;
}
.amaran.default.green .icon {
    background-color:#27ae60;
    color:#fff;
}
/* PURPLE */
.amaran.default.purple p.bold{
    color:#5B54AA;
}
.amaran.default.purple .icon {
    background-color:#5B54AA;
    color:#fff;
}